﻿<!doctype html>
<html lang="en">

<head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/Common.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/media.css">
    <title>Document</title>
</head>
<body>


    <!--写死的顶头-->
    <header class="top_head">
        <!--头部-->
        <div class="head">
            <img src="./images/header_logo.png" alt="">
            <a href="javascript:;"></a>
        </div>
    </header>

    <!--搜索-->
    <div class="search">
        <input type="text" value="请输入你想比价的商品">
        <button class="clearfix">搜索</button>
    </div>
    <!-- 黑条 -->
    <div class="black clearfix">

    </div>

    <!--渲染的菜单栏-->
    <div class="nav_veg clearfix hidden">
        <ul class="index-menu">

        </ul>
    </div>

    <!-- 超值折扣推荐 -->
    <div class="CountRecommend">
        <div class="Recomd">
            <span>超值折扣推荐</span>
            <span><div>></div></span>
        </div>
    </div>

    <!-- 折扣推荐 -->
    <div class="Recommend">
        <ul class="commend">

        </ul>
    </div>

    <!-- 更多优惠信息 -->
    <div class="more_ifmt">
        <button class="more_box">

        </button>
    </div>




</body>

<script src="./lib/template.js"></script>
<!-- 菜单栏的渲染 -->
<script type="text/template" id="menuTemplate">
    {{each result as val key}}
        <li>
        <a href="{{val.titlehref}}" data-id="{{val.indexmenuId}}" class="lis{{val.indexmenuId}}">
            {{val.img}}
            <span>{{val.name}}</span>
        </a> 
        </li>
    {{/each}}

</script>
    <!-- 折扣推荐的渲染 -->
<script type="text/template" id="commend">
    {{each result as val key}}
        <li>
        <a href="{{val.productFrom}}" data-id="{{val.productId}}" class="lis{{val.productId}}">
            {{val.productImgSm}}
            <span>{{val.productName}}<p>{{val.productPinkage}}</p></span>
            <div>
                {{val.productTime}}  
            </div>
            <div class="ping">
                <img src="./images/comments.png" alt="">
                <i>1</i>
            </div>
        </a> 

        </li>
        {{/each}}

</script>
<script src="./lib/jquery-1.12.4.min.js"></script>
<script src="./js/01-index.js"></script>
</html>